1
<!doctype html>
2 <html lang="en">
3

<head>
  4
  <meta charset="UTF-8">
  5 <title>index</title>
  6 <style>
    * {
      font-family: 微软雅黑;

    }
  </style>

  <script src="jquery.js"></script>
  12
</head>
13

<body>
  14 <h1>linux</h1>
  15 <p>linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very
    much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very
    much!linux is very much!linux is very much!</p>
  16
  17 <h1>php</h1>
  18 <p>php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!php is
    very much!php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!php
    is very much!php is very much!php is very much!php is very much!php is very much!</p>
  19 </body>
20
<script>
  $('h1').data({ 'n': 0 });

  $('h1').click(function () {
    n = $(this).data('n');

    if (n % 2 == 0) {
      $(this).next().hide(1000);

    } else {
      $(this).next().show(1000);

    }

    $(this).data({ 'n': n + 1 });

  });
  34 </script>
35

</html>